<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>ydzy-mnq</title>
    <style>
        html,body{margin: 0; padding: 0; height: 100%;}
        #head{background-color: rgb(72, 153, 185); color: white; text-align: center; font-size: 32px;}
        .hero{border: 1px black solid; padding: 2%;}
        .big{float: left;}
        #he{width: 20%;}
        .lowlev{background-color: rgba(240, 185, 123, 0.514);}
        .highlev{background-color: rgb(220, 230, 82);}
    </style>
</head>
<body>
    <div id="head">
        自助云顶之弈资料
    </div>

    <div class="big" id="he">
        <div class="hero">
            <div>费用 1</div>
            <div id="goldOne"></div>
        </div>
        <div class="hero">
            <div>费用 2</div>
            <div id="goldTwo"></div>
        </div>
        <div class="hero">
            <div>费用 3</div>
            <div id="goldThree"></div>
        </div>
        <div class="hero">
            <div>费用 4</div>
            <div id="goldFour"></div>
        </div>
        <div class="hero">
            <div>费用 5</div>
            <div id="goldFive"></div>
        </div>
        <div class="hero">
            <div>费用 7</div>
            <div id="goldSeven"></div>
        </div>
    </div>

    <div class="big" style="margin-left: 2%;background-color: rgb(243, 240, 237);border: 1px black solid;padding: 2%;">
        <div>阵容组成  人口数：<span id="rks">0</span>/9</div>
        <div id="win"></div>
        <div id="jb" style="margin-top: 50px;"></div>
    </div>

    <script src="js/mnq.js"></script>
</body>
</html>